<template>
    <div>
        <div class="menu">
            <div>
                <van-search v-model="value" placeholder="请输入搜索关键词" style="width: 260px;" />
            </div>
            <div v-for="item in 5" :key="item" style="float: left;margin: 5px;">
                <van-image width="100" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            </div>
            <div class="nr">
                <van-tabbar v-model="active">
                    <van-tabbar-item icon="home-o">首页</van-tabbar-item>
                    <van-tabbar-item icon="search">分类</van-tabbar-item>
                    <van-tabbar-item icon="friends-o">购物车</van-tabbar-item>
                    <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
                </van-tabbar>
            </div>
            <div>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style>
.menu {
    width: 1000px;
    height: 800px;
    margin: auto;
}
.nr{
    width: 1000px;
    margin-top: -500px;
}
</style>